<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
    <title>Hello World</title>
  </head>
  <script>
    (function(window, document) {
      function resize () {
        var ww = window.innerWidth
        if (ww > window.screen.width) {
          window.requestAnimationFrame(resize)
        } else {
          if (ww > 750) {
            ww = 750
          }
          document.documentElement.style.fontSize = `${100 / 7.5}vw`
        }
      }

      resize()

      window.addEventListener('resize', resize)
    })(window, document);
  </script>  
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
